<template>
  <div class="shouyebox">
    <div class="shouyedingbu">

      <HeaderBu></HeaderBu>
    </div>
      
    <div class="houyezhongjian">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import HeaderBu from '../components/HeaderBu.vue'

export default {
components:{
  HeaderBu,
}
}
</script>

<style>

.shouyebox{
  margin: 0;
  padding: 0;
  height: 100%;
 
}
.shouyedingbu{
  
  width: 100%;
  position:fixed;
  top: 0px;
  z-index:99;
}
.houyezhongjian{
  width: 1100px;
  height: calc( 100% - 96px );
  margin: 120px auto;
  /* background-color: white; */
  overflow:auto ;
  
}
</style>